/*message*/
.xv_Mask_Box {
    position: absolute;
    position: fixed;
    left: 0;
    top: 0;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
}

.xv_Mask_Drag {
    position: absolute;
    position: fixed;
    /*background: rgba(255, 255, 255, 0.7);*/
    border: 1px dashed #dfdfdf;
    z-index: 210013147788;
}

/*cubic-bezier(.4,-0.55,.56,1.56)*/
.xv_Mask_Container {
    position: absolute;
    position: fixed;
    z-index: 2;
    opacity: 1;
}

.xv_Mask_Border {
    position: relative;
    border: 8px solid rgba(0, 0, 0, 0.3);
    *border: 8px solid #1F8ED8;
    border-radius: 4px;
    font-size:0;
}

.xv_Mask_Box_Tit {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #1F8ED8;
    border-bottom: 1px solid #0a5383;
    cursor: move;
    z-index: 2;
}

.xv_Mask_Box_Tit_Msg {
    position: absolute;
    left: 15px;
    top: 0;
    height: 30px;
    line-height: 30px;
    color: #fff;
    z-index: 3;
    font-weight: bold;
}

.xv_Mask_Main {
    position: relative;
    display: block;
    background: #fff;
    z-index: 1;
    font-size:12px;
}

.xv_Mask_Main iframe {
    border:none;
    display: block;
}

.xv_Mask_Msg_Box {
    padding: 15px;
}

.xv_Mask_Txt_Box {
    position: relative;
    line-height:100%;
    padding: 10px;
    height: auto;
    overflow: hidden;
    top: 0;
    bottom: 0;
}

.xv_Mask_Txt_Box .xv_Mask_Txt {
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding-left:53px;
    vertical-align: middle;
    word-break:break-all;
}

.xv_Mask_Border .xv_Mask_Icon {
    float:left;
    /*display: inline-block;
    *display: inline;
    *zoom: 1;*/
    width: 38px;
    height: 38px;
    background-image: url("../../src/xvDialogImg/xv-md-icon.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}

.xv_Mask_Msg_Box span {
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding: 15px 20px 0 70px;
}

.xv_Mask_Icon_success {
    background-position: 0 0;
}

.xv_Mask_Icon_waring {
    background-position: -114px 0;
}

.xv_Mask_Icon_error {
    background-position: -76px 0;
}

.xv_Mask_Icon_info {
    background-position: -38px 0;
}

.xv_Mask_Container .xv_Mask_Box_CloseBtn {
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 8px;
    *line-height: 9px;
    overflow: hidden;
    right: 10px;
    top: 8px;
    text-align: center;
    border: 1px solid #1977b5;
    background: #fff;
    color: #1977b5;
    font-family: "microsoft yahei";
    z-index: 2;
    cursor: pointer;
    font-size:12px;
}

.xv_Mask_Box_Foot {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 5px 0 5px 0;
    z-index: 2;
    background: #eee;
}

.xv_Mask_Box_Btn {
    display: inline-block;
    *display: inline;
    height: 24px;
    line-height: 24px;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 20px;
    margin: 0 10px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    *zoom: 1;
}

.xv_Mask_Box_Btn:hover {
    opacity: 0.8;
}

.xv_Mask_Box_Btn:active {
    opacity: 1;
}

.xv_Mask_Box_CancelBtn, .cancel_style {
    color: #333;
    border: 1px solid #848484;
    background: #dbdddf;
}

.xv_Mask_Box_OkBtn, .ok_style {
    border: 1px solid #1977b5;
    background: #1f8ed8;
}

.add_style {
    border: 1px solid #f34627;
    background: #fbb627;
}

/*tips*/
.xv_Mask_Tip {
    background: rgba(8, 128, 206, 1);
    *background: #0880ce;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    color: #f3d266;
    opacity: 0;
}

.xv_Mask_Tip .xv_Mask_Box_CloseBtn {
    position: absolute;
    color: #a5ebfd;
    height: 5px;
    width: 5px;
    line-height: 5px;
    cursor: pointer;
}

.xv_Mask_Tip .xv_Mask_Icon {
    position: absolute;
    width: 0;
    height: 0;
    border:5px transparent solid;
}

.xv_Tip_Align_left {
    padding-left: 20px;
}

.xv_Tip_Align_left .xv_Mask_Box_CloseBtn {
    left: 8px;
    top: 50%;
    margin-top: -2px;
}

.xv_Tip_Align_left .xv_Mask_Icon {
    right: -10px;
    top: 20%;
    border-left-color: rgba(8, 128, 206, 1);
    *border-left-color: #0880ce;
}

.xv_Tip_Align_right {
    padding-right: 20px;
}

.xv_Tip_Align_right .xv_Mask_Box_CloseBtn {
    right: 8px;
    top: 50%;
    margin-top: -2px;
}

.xv_Tip_Align_right .xv_Mask_Icon {
    left: -10px;
    top: 20%;
    border-right-color: rgba(8, 128, 206, 1);
    *border-right-color: #0880ce;
}

.xv_Tip_Align_top {
    padding-right: 20px;
}

.xv_Tip_Align_top .xv_Mask_Box_CloseBtn {
    right: 8px;
    top: 50%;
    margin-top: -2px;
}

.xv_Tip_Align_top .xv_Mask_Icon {
    left: 15px;
    bottom: -10px;
    /*border-top-color: rgba(8, 128, 206, 1);*/
    border-top-color: #0880ce;
}

.xv_Tip_Align_bottom {
    padding-right: 20px;
}

.xv_Tip_Align_bottom .xv_Mask_Box_CloseBtn {
    right: 8px;
    top: 50%;
    margin-top: -2px;
}

.xv_Tip_Align_bottom .xv_Mask_Icon {
    left: 15px;
    top: -10px;
    border-bottom-color: rgba(8, 128, 206, 1);
    *border-bottom-color: #0880ce;;
}

.xv_Mask_Tip em {
    position: absolute;
    width: 0;
    height: 0;
    border: 5px dashed transparent;
}

input {
    margin: 0 10px;
}

.xv_Mask_Main::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, .2);
}

.xv_Mask_Main::-webkit-scrollbar-track {
    background-color: #eee;
}

.xv_Mask_Main::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

.xv_Mask_Main::-webkit-scrollbar-track {
    width: 8px;
}

.xv_Mask_Main::-webkit-scrollbar-corner {
    background: transparent;
}


/*动画*/
/* .xv_dialog_dlt_animate {
     transition: all 0.4s ease-out;
     opacity: 1;

 }*/

.xv_reset_animate {
    opacity: 0;
    transform: scale(0);
}
.xv_dlt_animate {
    transition: all 0.4s ease-in-out;
    opacity: 1;
    /*transform: scale(1);*/
    transform: scale(1);
}


/*自定义动画*/
.xv_ft_reset_animate {
    opacity: 0;
    /*transform: scale(0);*/
    /*transform:translate(-300px,-300px)*/
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform: scale(1,0);
}

.xv_ft_dlt_animate {
    transition: all 0.4s ease-in-out;
    opacity: 1;
    transform: scale(1);
    /*transform:translate(0,0)*/
}